{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "name": "Plotly_2_linePlots",
      "provenance": [],
      "authorship_tag": "ABX9TyO7Ja0XplKLnXN/9+HL8c82",
      "include_colab_link": true
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "view-in-github",
        "colab_type": "text"
      },
      "source": [
        "<a href=\"https://colab.research.google.com/github/Divyanshu-ISM/Oil-and-Gas-data-analysis/blob/master/Plotly_2_linePlots.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "WzN7HnN2MyMf",
        "colab_type": "code",
        "colab": {}
      },
      "source": [
        "import numpy as np\n",
        "import plotly.offline as pyo\n",
        "from plotly.offline import iplot\n",
        "\n",
        "import plotly.graph_objects as go"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "zNOEtAguM9N7",
        "colab_type": "code",
        "colab": {}
      },
      "source": [
        "#with lineplots the x-axis always has a sorting from left to right, as compared to scatter plots which need not be sorted at all."
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "f3YtU33qNbvi",
        "colab_type": "text"
      },
      "source": [
        "###Types of Line Plots- \n",
        "1. Lines \n",
        "2. Lines with Markers \n",
        "3. Just Markers (like a scatter)"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "Wo4JNs65NQcU",
        "colab_type": "code",
        "colab": {}
      },
      "source": [
        "np.random.seed(56)"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "oGJNtoJxNw0P",
        "colab_type": "code",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 542
        },
        "outputId": "bf9efd32-17ef-497a-a1de-3d4713a4c66e"
      },
      "source": [
        "x_vals = np.linspace(0,1,100)\n",
        "\n",
        "y_vals = np.random.randn(100)\n",
        "\n",
        "#For a definite workflow. Let's go like the foll. step by step -\n",
        "\n",
        "#1\n",
        "trace = go.Scatter(x=x_vals, y=y_vals + 5, mode = 'markers',name='mydots')\n",
        "\n",
        "#2\n",
        "data = [trace]\n",
        "\n",
        "#3\n",
        "layout = go.Layout(title='Line Plot')\n",
        "\n",
        "\n",
        "#4.\n",
        "fig = go.Figure(data=data, layout=layout)\n",
        "\n",
        "#To remember -- T.D.L.F\n",
        "\n",
        "iplot(fig)\n",
        "\n",
        "#Notice that the plot is still the scatter plot. Pertaining to the Category 3."
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "display_data",
          "data": {
            "text/html": [
              "<html>\n",
              "<head><meta charset=\"utf-8\" /></head>\n",
              "<body>\n",
              "    <div>\n",
              "            <script src=\"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_SVG\"></script><script type=\"text/javascript\">if (window.MathJax) {MathJax.Hub.Config({SVG: {font: \"STIX-Web\"}});}</script>\n",
              "                <script type=\"text/javascript\">window.PlotlyConfig = {MathJaxConfig: 'local'};</script>\n",
              "        <script src=\"https://cdn.plot.ly/plotly-latest.min.js\"></script>    \n",
              "            <div id=\"a9e6b799-86b4-4007-bcd7-dfef7111bd92\" class=\"plotly-graph-div\" style=\"height:525px; width:100%;\"></div>\n",
              "            <script type=\"text/javascript\">\n",
              "                \n",
              "                    window.PLOTLYENV=window.PLOTLYENV || {};\n",
              "                    \n",
              "                if (document.getElementById(\"a9e6b799-86b4-4007-bcd7-dfef7111bd92\")) {\n",
              "                    Plotly.newPlot(\n",
              "                        'a9e6b799-86b4-4007-bcd7-dfef7111bd92',\n",
              "                        [{\"mode\": \"markers\", \"name\": \"mydots\", \"type\": \"scatter\", \"x\": [0.0, 0.010101010101010102, 0.020202020202020204, 0.030303030303030304, 0.04040404040404041, 0.05050505050505051, 0.06060606060606061, 0.07070707070707072, 0.08080808080808081, 0.09090909090909091, 0.10101010101010102, 0.11111111111111112, 0.12121212121212122, 0.13131313131313133, 0.14141414141414144, 0.15151515151515152, 0.16161616161616163, 0.17171717171717174, 0.18181818181818182, 0.19191919191919193, 0.20202020202020204, 0.21212121212121213, 0.22222222222222224, 0.23232323232323235, 0.24242424242424243, 0.25252525252525254, 0.26262626262626265, 0.27272727272727276, 0.2828282828282829, 0.29292929292929293, 0.30303030303030304, 0.31313131313131315, 0.32323232323232326, 0.33333333333333337, 0.3434343434343435, 0.3535353535353536, 0.36363636363636365, 0.37373737373737376, 0.38383838383838387, 0.393939393939394, 0.4040404040404041, 0.4141414141414142, 0.42424242424242425, 0.43434343434343436, 0.4444444444444445, 0.4545454545454546, 0.4646464646464647, 0.4747474747474748, 0.48484848484848486, 0.494949494949495, 0.5050505050505051, 0.5151515151515152, 0.5252525252525253, 0.5353535353535354, 0.5454545454545455, 0.5555555555555556, 0.5656565656565657, 0.5757575757575758, 0.5858585858585859, 0.595959595959596, 0.6060606060606061, 0.6161616161616162, 0.6262626262626263, 0.6363636363636365, 0.6464646464646465, 0.6565656565656566, 0.6666666666666667, 0.6767676767676768, 0.686868686868687, 0.696969696969697, 0.7070707070707072, 0.7171717171717172, 0.7272727272727273, 0.7373737373737375, 0.7474747474747475, 0.7575757575757577, 0.7676767676767677, 0.7777777777777778, 0.787878787878788, 0.797979797979798, 0.8080808080808082, 0.8181818181818182, 0.8282828282828284, 0.8383838383838385, 0.8484848484848485, 0.8585858585858587, 0.8686868686868687, 0.8787878787878789, 0.888888888888889, 0.8989898989898991, 0.9090909090909092, 0.9191919191919192, 0.9292929292929294, 0.9393939393939394, 0.9494949494949496, 0.9595959595959597, 0.9696969696969697, 0.9797979797979799, 0.98989898989899, 1.0], \"y\": [6.322146757352615, 6.108278739500046, 4.707317763663888, 5.9637531479028425, 5.963516447146072, 5.238880236176103, 6.9345114955262, 5.492150927515069, 3.7134731270878856, 4.039401581719671, 5.982802537861495, 4.630301314827796, 6.523850521508558, 4.560239541569432, 4.748485526102036, 5.288959472814389, 4.503703663913866, 4.211457765238864, 4.979329015169083, 4.978219077504631, 5.935298518812656, 4.4194425652885005, 4.199707816089006, 4.74027847250326, 4.384345893926855, 3.637382680904281, 4.189096823530103, 3.9151076640071754, 2.9287994901331142, 5.464070691541686, 4.513600578056935, 6.264058442535259, 6.577830720551583, 4.54409293839152, 4.2824392736554655, 3.90711007414089, 6.418394730890981, 6.155799197821783, 5.60262437809985, 4.188710377146704, 5.699418161709838, 3.049143332917152, 4.946899301199361, 4.934155197224002, 3.1178750922261322, 7.521234447654634, 4.9743857998862655, 5.377000669296211, 4.893345337432653, 4.785413045405485, 4.125396274592815, 4.981388473122513, 4.525922767741917, 5.856177932285823, 6.015145007361095, 4.0810929444870165, 5.297453196028402, 5.888606532569508, 4.907946449362807, 4.566204098070366, 6.537991713876252, 4.647960651546817, 3.9885208250904505, 6.697052037245005, 5.564788563899565, 5.9545110635811, 6.160260115945587, 5.046657283513978, 2.4285483918957005, 4.279095695264281, 4.534668052993841, 4.269241759374187, 4.776058895695702, 4.32056101798365, 4.975431828804362, 5.703856577076735, 4.588689503040728, 4.658819706000729, 5.756343572636355, 4.7262695893339455, 4.143530129969425, 4.590568803360497, 3.892131596532293, 3.589196251238933, 4.498611145259775, 3.5323183501310687, 5.498317905234616, 4.363997990750022, 6.300944621909675, 4.555258186561732, 5.7918462463917475, 6.133305135624952, 4.943455287103593, 4.614571392899651, 5.956759592844359, 7.51278521949539, 4.189498014454597, 4.402535741729985, 2.615873768139611, 5.538427682350628]}],\n",
              "                        {\"template\": {\"data\": {\"bar\": [{\"error_x\": {\"color\": \"#2a3f5f\"}, \"error_y\": {\"color\": \"#2a3f5f\"}, \"marker\": {\"line\": {\"color\": \"#E5ECF6\", \"width\": 0.5}}, \"type\": \"bar\"}], \"barpolar\": [{\"marker\": {\"line\": {\"color\": \"#E5ECF6\", \"width\": 0.5}}, \"type\": \"barpolar\"}], \"carpet\": [{\"aaxis\": {\"endlinecolor\": \"#2a3f5f\", \"gridcolor\": \"white\", \"linecolor\": \"white\", \"minorgridcolor\": \"white\", \"startlinecolor\": \"#2a3f5f\"}, \"baxis\": {\"endlinecolor\": \"#2a3f5f\", \"gridcolor\": \"white\", \"linecolor\": \"white\", \"minorgridcolor\": \"white\", \"startlinecolor\": \"#2a3f5f\"}, \"type\": \"carpet\"}], \"choropleth\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"choropleth\"}], \"contour\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"contour\"}], \"contourcarpet\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"contourcarpet\"}], \"heatmap\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"heatmap\"}], \"heatmapgl\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"heatmapgl\"}], \"histogram\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"histogram\"}], \"histogram2d\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"histogram2d\"}], \"histogram2dcontour\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"histogram2dcontour\"}], \"mesh3d\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"mesh3d\"}], \"parcoords\": [{\"line\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"parcoords\"}], \"pie\": [{\"automargin\": true, \"type\": \"pie\"}], \"scatter\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatter\"}], \"scatter3d\": [{\"line\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatter3d\"}], \"scattercarpet\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattercarpet\"}], \"scattergeo\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattergeo\"}], \"scattergl\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattergl\"}], \"scattermapbox\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattermapbox\"}], \"scatterpolar\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterpolar\"}], \"scatterpolargl\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterpolargl\"}], \"scatterternary\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterternary\"}], \"surface\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"surface\"}], \"table\": [{\"cells\": {\"fill\": {\"color\": \"#EBF0F8\"}, \"line\": {\"color\": \"white\"}}, \"header\": {\"fill\": {\"color\": \"#C8D4E3\"}, \"line\": {\"color\": \"white\"}}, \"type\": \"table\"}]}, \"layout\": {\"annotationdefaults\": {\"arrowcolor\": \"#2a3f5f\", \"arrowhead\": 0, \"arrowwidth\": 1}, \"coloraxis\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"colorscale\": {\"diverging\": [[0, \"#8e0152\"], [0.1, \"#c51b7d\"], [0.2, \"#de77ae\"], [0.3, \"#f1b6da\"], [0.4, \"#fde0ef\"], [0.5, \"#f7f7f7\"], [0.6, \"#e6f5d0\"], [0.7, \"#b8e186\"], [0.8, \"#7fbc41\"], [0.9, \"#4d9221\"], [1, \"#276419\"]], \"sequential\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"sequentialminus\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]]}, \"colorway\": [\"#636efa\", \"#EF553B\", \"#00cc96\", \"#ab63fa\", \"#FFA15A\", \"#19d3f3\", \"#FF6692\", \"#B6E880\", \"#FF97FF\", \"#FECB52\"], \"font\": {\"color\": \"#2a3f5f\"}, \"geo\": {\"bgcolor\": \"white\", \"lakecolor\": \"white\", \"landcolor\": \"#E5ECF6\", \"showlakes\": true, \"showland\": true, \"subunitcolor\": \"white\"}, \"hoverlabel\": {\"align\": \"left\"}, \"hovermode\": \"closest\", \"mapbox\": {\"style\": \"light\"}, \"paper_bgcolor\": \"white\", \"plot_bgcolor\": \"#E5ECF6\", \"polar\": {\"angularaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"bgcolor\": \"#E5ECF6\", \"radialaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}}, \"scene\": {\"xaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}, \"yaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}, \"zaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}}, \"shapedefaults\": {\"line\": {\"color\": \"#2a3f5f\"}}, \"ternary\": {\"aaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"baxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"bgcolor\": \"#E5ECF6\", \"caxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}}, \"title\": {\"x\": 0.05}, \"xaxis\": {\"automargin\": true, \"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\", \"title\": {\"standoff\": 15}, \"zerolinecolor\": \"white\", \"zerolinewidth\": 2}, \"yaxis\": {\"automargin\": true, \"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\", \"title\": {\"standoff\": 15}, \"zerolinecolor\": \"white\", \"zerolinewidth\": 2}}}, \"title\": {\"text\": \"Line Plot\"}},\n",
              "                        {\"responsive\": true}\n",
              "                    ).then(function(){\n",
              "                            \n",
              "var gd = document.getElementById('a9e6b799-86b4-4007-bcd7-dfef7111bd92');\n",
              "var x = new MutationObserver(function (mutations, observer) {{\n",
              "        var display = window.getComputedStyle(gd).display;\n",
              "        if (!display || display === 'none') {{\n",
              "            console.log([gd, 'removed!']);\n",
              "            Plotly.purge(gd);\n",
              "            observer.disconnect();\n",
              "        }}\n",
              "}});\n",
              "\n",
              "// Listen for the removal of the full notebook cells\n",
              "var notebookContainer = gd.closest('#notebook-container');\n",
              "if (notebookContainer) {{\n",
              "    x.observe(notebookContainer, {childList: true});\n",
              "}}\n",
              "\n",
              "// Listen for the clearing of the current output cell\n",
              "var outputEl = gd.closest('.output');\n",
              "if (outputEl) {{\n",
              "    x.observe(outputEl, {childList: true});\n",
              "}}\n",
              "\n",
              "                        })\n",
              "                };\n",
              "                \n",
              "            </script>\n",
              "        </div>\n",
              "</body>\n",
              "</html>"
            ]
          },
          "metadata": {
            "tags": []
          }
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "7An2xDquPZz8",
        "colab_type": "code",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 542
        },
        "outputId": "d38b479b-c26d-467b-9dc5-ce0fc8262e70"
      },
      "source": [
        "#Now we'll customize it to a line chart. \n",
        "\n",
        "trace1 = go.Scatter(x=x_vals, y=y_vals, mode = 'lines', name='mylines')  #name can be anything. \n",
        "\n",
        "data1 = [trace,trace1]\n",
        "\n",
        "#3\n",
        "layout1 = go.Layout(title='Line Plot')\n",
        "\n",
        "\n",
        "#4.\n",
        "fig1 = go.Figure(data=data1, layout=layout1)\n",
        "\n",
        "#To remember -- T.D.L.F\n",
        "\n",
        "iplot(fig1)\n"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "display_data",
          "data": {
            "text/html": [
              "<html>\n",
              "<head><meta charset=\"utf-8\" /></head>\n",
              "<body>\n",
              "    <div>\n",
              "            <script src=\"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_SVG\"></script><script type=\"text/javascript\">if (window.MathJax) {MathJax.Hub.Config({SVG: {font: \"STIX-Web\"}});}</script>\n",
              "                <script type=\"text/javascript\">window.PlotlyConfig = {MathJaxConfig: 'local'};</script>\n",
              "        <script src=\"https://cdn.plot.ly/plotly-latest.min.js\"></script>    \n",
              "            <div id=\"f523bcaa-757b-432a-a41a-6e07a2679c5b\" class=\"plotly-graph-div\" style=\"height:525px; width:100%;\"></div>\n",
              "            <script type=\"text/javascript\">\n",
              "                \n",
              "                    window.PLOTLYENV=window.PLOTLYENV || {};\n",
              "                    \n",
              "                if (document.getElementById(\"f523bcaa-757b-432a-a41a-6e07a2679c5b\")) {\n",
              "                    Plotly.newPlot(\n",
              "                        'f523bcaa-757b-432a-a41a-6e07a2679c5b',\n",
              "                        [{\"mode\": \"markers\", \"name\": \"mydots\", \"type\": \"scatter\", \"x\": [0.0, 0.010101010101010102, 0.020202020202020204, 0.030303030303030304, 0.04040404040404041, 0.05050505050505051, 0.06060606060606061, 0.07070707070707072, 0.08080808080808081, 0.09090909090909091, 0.10101010101010102, 0.11111111111111112, 0.12121212121212122, 0.13131313131313133, 0.14141414141414144, 0.15151515151515152, 0.16161616161616163, 0.17171717171717174, 0.18181818181818182, 0.19191919191919193, 0.20202020202020204, 0.21212121212121213, 0.22222222222222224, 0.23232323232323235, 0.24242424242424243, 0.25252525252525254, 0.26262626262626265, 0.27272727272727276, 0.2828282828282829, 0.29292929292929293, 0.30303030303030304, 0.31313131313131315, 0.32323232323232326, 0.33333333333333337, 0.3434343434343435, 0.3535353535353536, 0.36363636363636365, 0.37373737373737376, 0.38383838383838387, 0.393939393939394, 0.4040404040404041, 0.4141414141414142, 0.42424242424242425, 0.43434343434343436, 0.4444444444444445, 0.4545454545454546, 0.4646464646464647, 0.4747474747474748, 0.48484848484848486, 0.494949494949495, 0.5050505050505051, 0.5151515151515152, 0.5252525252525253, 0.5353535353535354, 0.5454545454545455, 0.5555555555555556, 0.5656565656565657, 0.5757575757575758, 0.5858585858585859, 0.595959595959596, 0.6060606060606061, 0.6161616161616162, 0.6262626262626263, 0.6363636363636365, 0.6464646464646465, 0.6565656565656566, 0.6666666666666667, 0.6767676767676768, 0.686868686868687, 0.696969696969697, 0.7070707070707072, 0.7171717171717172, 0.7272727272727273, 0.7373737373737375, 0.7474747474747475, 0.7575757575757577, 0.7676767676767677, 0.7777777777777778, 0.787878787878788, 0.797979797979798, 0.8080808080808082, 0.8181818181818182, 0.8282828282828284, 0.8383838383838385, 0.8484848484848485, 0.8585858585858587, 0.8686868686868687, 0.8787878787878789, 0.888888888888889, 0.8989898989898991, 0.9090909090909092, 0.9191919191919192, 0.9292929292929294, 0.9393939393939394, 0.9494949494949496, 0.9595959595959597, 0.9696969696969697, 0.9797979797979799, 0.98989898989899, 1.0], \"y\": [6.322146757352615, 6.108278739500046, 4.707317763663888, 5.9637531479028425, 5.963516447146072, 5.238880236176103, 6.9345114955262, 5.492150927515069, 3.7134731270878856, 4.039401581719671, 5.982802537861495, 4.630301314827796, 6.523850521508558, 4.560239541569432, 4.748485526102036, 5.288959472814389, 4.503703663913866, 4.211457765238864, 4.979329015169083, 4.978219077504631, 5.935298518812656, 4.4194425652885005, 4.199707816089006, 4.74027847250326, 4.384345893926855, 3.637382680904281, 4.189096823530103, 3.9151076640071754, 2.9287994901331142, 5.464070691541686, 4.513600578056935, 6.264058442535259, 6.577830720551583, 4.54409293839152, 4.2824392736554655, 3.90711007414089, 6.418394730890981, 6.155799197821783, 5.60262437809985, 4.188710377146704, 5.699418161709838, 3.049143332917152, 4.946899301199361, 4.934155197224002, 3.1178750922261322, 7.521234447654634, 4.9743857998862655, 5.377000669296211, 4.893345337432653, 4.785413045405485, 4.125396274592815, 4.981388473122513, 4.525922767741917, 5.856177932285823, 6.015145007361095, 4.0810929444870165, 5.297453196028402, 5.888606532569508, 4.907946449362807, 4.566204098070366, 6.537991713876252, 4.647960651546817, 3.9885208250904505, 6.697052037245005, 5.564788563899565, 5.9545110635811, 6.160260115945587, 5.046657283513978, 2.4285483918957005, 4.279095695264281, 4.534668052993841, 4.269241759374187, 4.776058895695702, 4.32056101798365, 4.975431828804362, 5.703856577076735, 4.588689503040728, 4.658819706000729, 5.756343572636355, 4.7262695893339455, 4.143530129969425, 4.590568803360497, 3.892131596532293, 3.589196251238933, 4.498611145259775, 3.5323183501310687, 5.498317905234616, 4.363997990750022, 6.300944621909675, 4.555258186561732, 5.7918462463917475, 6.133305135624952, 4.943455287103593, 4.614571392899651, 5.956759592844359, 7.51278521949539, 4.189498014454597, 4.402535741729985, 2.615873768139611, 5.538427682350628]}, {\"mode\": \"lines\", \"name\": \"mylines\", \"type\": \"scatter\", \"x\": [0.0, 0.010101010101010102, 0.020202020202020204, 0.030303030303030304, 0.04040404040404041, 0.05050505050505051, 0.06060606060606061, 0.07070707070707072, 0.08080808080808081, 0.09090909090909091, 0.10101010101010102, 0.11111111111111112, 0.12121212121212122, 0.13131313131313133, 0.14141414141414144, 0.15151515151515152, 0.16161616161616163, 0.17171717171717174, 0.18181818181818182, 0.19191919191919193, 0.20202020202020204, 0.21212121212121213, 0.22222222222222224, 0.23232323232323235, 0.24242424242424243, 0.25252525252525254, 0.26262626262626265, 0.27272727272727276, 0.2828282828282829, 0.29292929292929293, 0.30303030303030304, 0.31313131313131315, 0.32323232323232326, 0.33333333333333337, 0.3434343434343435, 0.3535353535353536, 0.36363636363636365, 0.37373737373737376, 0.38383838383838387, 0.393939393939394, 0.4040404040404041, 0.4141414141414142, 0.42424242424242425, 0.43434343434343436, 0.4444444444444445, 0.4545454545454546, 0.4646464646464647, 0.4747474747474748, 0.48484848484848486, 0.494949494949495, 0.5050505050505051, 0.5151515151515152, 0.5252525252525253, 0.5353535353535354, 0.5454545454545455, 0.5555555555555556, 0.5656565656565657, 0.5757575757575758, 0.5858585858585859, 0.595959595959596, 0.6060606060606061, 0.6161616161616162, 0.6262626262626263, 0.6363636363636365, 0.6464646464646465, 0.6565656565656566, 0.6666666666666667, 0.6767676767676768, 0.686868686868687, 0.696969696969697, 0.7070707070707072, 0.7171717171717172, 0.7272727272727273, 0.7373737373737375, 0.7474747474747475, 0.7575757575757577, 0.7676767676767677, 0.7777777777777778, 0.787878787878788, 0.797979797979798, 0.8080808080808082, 0.8181818181818182, 0.8282828282828284, 0.8383838383838385, 0.8484848484848485, 0.8585858585858587, 0.8686868686868687, 0.8787878787878789, 0.888888888888889, 0.8989898989898991, 0.9090909090909092, 0.9191919191919192, 0.9292929292929294, 0.9393939393939394, 0.9494949494949496, 0.9595959595959597, 0.9696969696969697, 0.9797979797979799, 0.98989898989899, 1.0], \"y\": [1.322146757352615, 1.1082787395000466, -0.2926822363361118, 0.9637531479028424, 0.9635164471460724, 0.23888023617610235, 1.9345114955262002, 0.49215092751506856, -1.2865268729121144, -0.9605984182803284, 0.982802537861495, -0.36969868517220367, 1.5238505215085574, -0.43976045843056816, -0.2515144738979641, 0.2889594728143884, -0.49629633608613377, -0.7885422347611365, -0.02067098483091724, -0.021780922495368404, 0.9352985188126567, -0.5805574347114995, -0.8002921839109942, -0.25972152749674043, -0.6156541060731449, -1.3626173190957191, -0.8109031764698974, -1.0848923359928246, -2.0712005098668858, 0.46407069154168545, -0.48639942194306535, 1.2640584425352581, 1.5778307205515838, -0.4559070616084795, -0.7175607263445342, -1.0928899258591098, 1.4183947308909812, 1.1557991978217828, 0.6026243780998495, -0.8112896228532963, 0.699418161709838, -1.950856667082848, -0.053100698800639536, -0.06584480277599751, -1.8821249077738678, 2.521234447654634, -0.025614200113734897, 0.3770006692962112, -0.10665466256734638, -0.21458695459451477, -0.8746037254071849, -0.018611526877487693, -0.4740772322580835, 0.8561779322858234, 1.0151450073610953, -0.9189070555129839, 0.2974531960284023, 0.8886065325695077, -0.09205355063719303, -0.4337959019296337, 1.5379917138762522, -0.3520393484531831, -1.0114791749095497, 1.6970520372450042, 0.5647885638995658, 0.9545110635810994, 1.1602601159455876, 0.046657283513978284, -2.5714516081042995, -0.7209043047357194, -0.4653319470061591, -0.7307582406258135, -0.22394110430429778, -0.6794389820163503, -0.024568171195637836, 0.7038565770767349, -0.41131049695927235, -0.3411802939992703, 0.7563435726363555, -0.27373041066605475, -0.856469870030575, -0.4094311966395026, -1.107868403467707, -1.4108037487610667, -0.5013888547402248, -1.4676816498689313, 0.4983179052346161, -0.6360020092499782, 1.3009446219096756, -0.4447418134382681, 0.7918462463917473, 1.1333051356249522, -0.05654471289640738, -0.38542860710034876, 0.9567595928443591, 2.5127852194953904, -0.8105019855454031, -0.5974642582700144, -2.384126231860389, 0.5384276823506278]}],\n",
              "                        {\"template\": {\"data\": {\"bar\": [{\"error_x\": {\"color\": \"#2a3f5f\"}, \"error_y\": {\"color\": \"#2a3f5f\"}, \"marker\": {\"line\": {\"color\": \"#E5ECF6\", \"width\": 0.5}}, \"type\": \"bar\"}], \"barpolar\": [{\"marker\": {\"line\": {\"color\": \"#E5ECF6\", \"width\": 0.5}}, \"type\": \"barpolar\"}], \"carpet\": [{\"aaxis\": {\"endlinecolor\": \"#2a3f5f\", \"gridcolor\": \"white\", \"linecolor\": \"white\", \"minorgridcolor\": \"white\", \"startlinecolor\": \"#2a3f5f\"}, \"baxis\": {\"endlinecolor\": \"#2a3f5f\", \"gridcolor\": \"white\", \"linecolor\": \"white\", \"minorgridcolor\": \"white\", \"startlinecolor\": \"#2a3f5f\"}, \"type\": \"carpet\"}], \"choropleth\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"choropleth\"}], \"contour\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"contour\"}], \"contourcarpet\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"contourcarpet\"}], \"heatmap\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"heatmap\"}], \"heatmapgl\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"heatmapgl\"}], \"histogram\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"histogram\"}], \"histogram2d\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"histogram2d\"}], \"histogram2dcontour\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"histogram2dcontour\"}], \"mesh3d\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"mesh3d\"}], \"parcoords\": [{\"line\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"parcoords\"}], \"pie\": [{\"automargin\": true, \"type\": \"pie\"}], \"scatter\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatter\"}], \"scatter3d\": [{\"line\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatter3d\"}], \"scattercarpet\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattercarpet\"}], \"scattergeo\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattergeo\"}], \"scattergl\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattergl\"}], \"scattermapbox\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattermapbox\"}], \"scatterpolar\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterpolar\"}], \"scatterpolargl\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterpolargl\"}], \"scatterternary\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterternary\"}], \"surface\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"surface\"}], \"table\": [{\"cells\": {\"fill\": {\"color\": \"#EBF0F8\"}, \"line\": {\"color\": \"white\"}}, \"header\": {\"fill\": {\"color\": \"#C8D4E3\"}, \"line\": {\"color\": \"white\"}}, \"type\": \"table\"}]}, \"layout\": {\"annotationdefaults\": {\"arrowcolor\": \"#2a3f5f\", \"arrowhead\": 0, \"arrowwidth\": 1}, \"coloraxis\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"colorscale\": {\"diverging\": [[0, \"#8e0152\"], [0.1, \"#c51b7d\"], [0.2, \"#de77ae\"], [0.3, \"#f1b6da\"], [0.4, \"#fde0ef\"], [0.5, \"#f7f7f7\"], [0.6, \"#e6f5d0\"], [0.7, \"#b8e186\"], [0.8, \"#7fbc41\"], [0.9, \"#4d9221\"], [1, \"#276419\"]], \"sequential\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"sequentialminus\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]]}, \"colorway\": [\"#636efa\", \"#EF553B\", \"#00cc96\", \"#ab63fa\", \"#FFA15A\", \"#19d3f3\", \"#FF6692\", \"#B6E880\", \"#FF97FF\", \"#FECB52\"], \"font\": {\"color\": \"#2a3f5f\"}, \"geo\": {\"bgcolor\": \"white\", \"lakecolor\": \"white\", \"landcolor\": \"#E5ECF6\", \"showlakes\": true, \"showland\": true, \"subunitcolor\": \"white\"}, \"hoverlabel\": {\"align\": \"left\"}, \"hovermode\": \"closest\", \"mapbox\": {\"style\": \"light\"}, \"paper_bgcolor\": \"white\", \"plot_bgcolor\": \"#E5ECF6\", \"polar\": {\"angularaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"bgcolor\": \"#E5ECF6\", \"radialaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}}, \"scene\": {\"xaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}, \"yaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}, \"zaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}}, \"shapedefaults\": {\"line\": {\"color\": \"#2a3f5f\"}}, \"ternary\": {\"aaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"baxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"bgcolor\": \"#E5ECF6\", \"caxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}}, \"title\": {\"x\": 0.05}, \"xaxis\": {\"automargin\": true, \"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\", \"title\": {\"standoff\": 15}, \"zerolinecolor\": \"white\", \"zerolinewidth\": 2}, \"yaxis\": {\"automargin\": true, \"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\", \"title\": {\"standoff\": 15}, \"zerolinecolor\": \"white\", \"zerolinewidth\": 2}}}, \"title\": {\"text\": \"Line Plot\"}},\n",
              "                        {\"responsive\": true}\n",
              "                    ).then(function(){\n",
              "                            \n",
              "var gd = document.getElementById('f523bcaa-757b-432a-a41a-6e07a2679c5b');\n",
              "var x = new MutationObserver(function (mutations, observer) {{\n",
              "        var display = window.getComputedStyle(gd).display;\n",
              "        if (!display || display === 'none') {{\n",
              "            console.log([gd, 'removed!']);\n",
              "            Plotly.purge(gd);\n",
              "            observer.disconnect();\n",
              "        }}\n",
              "}});\n",
              "\n",
              "// Listen for the removal of the full notebook cells\n",
              "var notebookContainer = gd.closest('#notebook-container');\n",
              "if (notebookContainer) {{\n",
              "    x.observe(notebookContainer, {childList: true});\n",
              "}}\n",
              "\n",
              "// Listen for the clearing of the current output cell\n",
              "var outputEl = gd.closest('.output');\n",
              "if (outputEl) {{\n",
              "    x.observe(outputEl, {childList: true});\n",
              "}}\n",
              "\n",
              "                        })\n",
              "                };\n",
              "                \n",
              "            </script>\n",
              "        </div>\n",
              "</body>\n",
              "</html>"
            ]
          },
          "metadata": {
            "tags": []
          }
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "AAOzqNbwQs78",
        "colab_type": "code",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 542
        },
        "outputId": "24b0624e-1c23-444b-997b-63fd95239ff5"
      },
      "source": [
        "#Now we'll customize it to a line chart with markers. \n",
        "\n",
        "\n",
        "trace1 = go.Scatter(x=x_vals, y=y_vals, mode = 'lines', name='mylines')  #name can be anything. \n",
        "\n",
        "trace2 = go.Scatter(x=x_vals, y=y_vals -5, mode = 'lines+markers', name='mylines & markers')\n",
        "\n",
        "data1 = [trace,trace1,trace2]\n",
        "\n",
        "#3\n",
        "layout1 = go.Layout(title='Line Plot')\n",
        "\n",
        "\n",
        "#4.\n",
        "fig1 = go.Figure(data=data1, layout=layout1)\n",
        "\n",
        "#To remember -- T.D.L.F\n",
        "\n",
        "iplot(fig1)\n"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "display_data",
          "data": {
            "text/html": [
              "<html>\n",
              "<head><meta charset=\"utf-8\" /></head>\n",
              "<body>\n",
              "    <div>\n",
              "            <script src=\"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_SVG\"></script><script type=\"text/javascript\">if (window.MathJax) {MathJax.Hub.Config({SVG: {font: \"STIX-Web\"}});}</script>\n",
              "                <script type=\"text/javascript\">window.PlotlyConfig = {MathJaxConfig: 'local'};</script>\n",
              "        <script src=\"https://cdn.plot.ly/plotly-latest.min.js\"></script>    \n",
              "            <div id=\"2c99d8c7-8e74-4345-9b33-b484b8e64f7a\" class=\"plotly-graph-div\" style=\"height:525px; width:100%;\"></div>\n",
              "            <script type=\"text/javascript\">\n",
              "                \n",
              "                    window.PLOTLYENV=window.PLOTLYENV || {};\n",
              "                    \n",
              "                if (document.getElementById(\"2c99d8c7-8e74-4345-9b33-b484b8e64f7a\")) {\n",
              "                    Plotly.newPlot(\n",
              "                        '2c99d8c7-8e74-4345-9b33-b484b8e64f7a',\n",
              "                        [{\"mode\": \"markers\", \"name\": \"mydots\", \"type\": \"scatter\", \"x\": [0.0, 0.010101010101010102, 0.020202020202020204, 0.030303030303030304, 0.04040404040404041, 0.05050505050505051, 0.06060606060606061, 0.07070707070707072, 0.08080808080808081, 0.09090909090909091, 0.10101010101010102, 0.11111111111111112, 0.12121212121212122, 0.13131313131313133, 0.14141414141414144, 0.15151515151515152, 0.16161616161616163, 0.17171717171717174, 0.18181818181818182, 0.19191919191919193, 0.20202020202020204, 0.21212121212121213, 0.22222222222222224, 0.23232323232323235, 0.24242424242424243, 0.25252525252525254, 0.26262626262626265, 0.27272727272727276, 0.2828282828282829, 0.29292929292929293, 0.30303030303030304, 0.31313131313131315, 0.32323232323232326, 0.33333333333333337, 0.3434343434343435, 0.3535353535353536, 0.36363636363636365, 0.37373737373737376, 0.38383838383838387, 0.393939393939394, 0.4040404040404041, 0.4141414141414142, 0.42424242424242425, 0.43434343434343436, 0.4444444444444445, 0.4545454545454546, 0.4646464646464647, 0.4747474747474748, 0.48484848484848486, 0.494949494949495, 0.5050505050505051, 0.5151515151515152, 0.5252525252525253, 0.5353535353535354, 0.5454545454545455, 0.5555555555555556, 0.5656565656565657, 0.5757575757575758, 0.5858585858585859, 0.595959595959596, 0.6060606060606061, 0.6161616161616162, 0.6262626262626263, 0.6363636363636365, 0.6464646464646465, 0.6565656565656566, 0.6666666666666667, 0.6767676767676768, 0.686868686868687, 0.696969696969697, 0.7070707070707072, 0.7171717171717172, 0.7272727272727273, 0.7373737373737375, 0.7474747474747475, 0.7575757575757577, 0.7676767676767677, 0.7777777777777778, 0.787878787878788, 0.797979797979798, 0.8080808080808082, 0.8181818181818182, 0.8282828282828284, 0.8383838383838385, 0.8484848484848485, 0.8585858585858587, 0.8686868686868687, 0.8787878787878789, 0.888888888888889, 0.8989898989898991, 0.9090909090909092, 0.9191919191919192, 0.9292929292929294, 0.9393939393939394, 0.9494949494949496, 0.9595959595959597, 0.9696969696969697, 0.9797979797979799, 0.98989898989899, 1.0], \"y\": [6.322146757352615, 6.108278739500046, 4.707317763663888, 5.9637531479028425, 5.963516447146072, 5.238880236176103, 6.9345114955262, 5.492150927515069, 3.7134731270878856, 4.039401581719671, 5.982802537861495, 4.630301314827796, 6.523850521508558, 4.560239541569432, 4.748485526102036, 5.288959472814389, 4.503703663913866, 4.211457765238864, 4.979329015169083, 4.978219077504631, 5.935298518812656, 4.4194425652885005, 4.199707816089006, 4.74027847250326, 4.384345893926855, 3.637382680904281, 4.189096823530103, 3.9151076640071754, 2.9287994901331142, 5.464070691541686, 4.513600578056935, 6.264058442535259, 6.577830720551583, 4.54409293839152, 4.2824392736554655, 3.90711007414089, 6.418394730890981, 6.155799197821783, 5.60262437809985, 4.188710377146704, 5.699418161709838, 3.049143332917152, 4.946899301199361, 4.934155197224002, 3.1178750922261322, 7.521234447654634, 4.9743857998862655, 5.377000669296211, 4.893345337432653, 4.785413045405485, 4.125396274592815, 4.981388473122513, 4.525922767741917, 5.856177932285823, 6.015145007361095, 4.0810929444870165, 5.297453196028402, 5.888606532569508, 4.907946449362807, 4.566204098070366, 6.537991713876252, 4.647960651546817, 3.9885208250904505, 6.697052037245005, 5.564788563899565, 5.9545110635811, 6.160260115945587, 5.046657283513978, 2.4285483918957005, 4.279095695264281, 4.534668052993841, 4.269241759374187, 4.776058895695702, 4.32056101798365, 4.975431828804362, 5.703856577076735, 4.588689503040728, 4.658819706000729, 5.756343572636355, 4.7262695893339455, 4.143530129969425, 4.590568803360497, 3.892131596532293, 3.589196251238933, 4.498611145259775, 3.5323183501310687, 5.498317905234616, 4.363997990750022, 6.300944621909675, 4.555258186561732, 5.7918462463917475, 6.133305135624952, 4.943455287103593, 4.614571392899651, 5.956759592844359, 7.51278521949539, 4.189498014454597, 4.402535741729985, 2.615873768139611, 5.538427682350628]}, {\"mode\": \"lines\", \"name\": \"mylines\", \"type\": \"scatter\", \"x\": [0.0, 0.010101010101010102, 0.020202020202020204, 0.030303030303030304, 0.04040404040404041, 0.05050505050505051, 0.06060606060606061, 0.07070707070707072, 0.08080808080808081, 0.09090909090909091, 0.10101010101010102, 0.11111111111111112, 0.12121212121212122, 0.13131313131313133, 0.14141414141414144, 0.15151515151515152, 0.16161616161616163, 0.17171717171717174, 0.18181818181818182, 0.19191919191919193, 0.20202020202020204, 0.21212121212121213, 0.22222222222222224, 0.23232323232323235, 0.24242424242424243, 0.25252525252525254, 0.26262626262626265, 0.27272727272727276, 0.2828282828282829, 0.29292929292929293, 0.30303030303030304, 0.31313131313131315, 0.32323232323232326, 0.33333333333333337, 0.3434343434343435, 0.3535353535353536, 0.36363636363636365, 0.37373737373737376, 0.38383838383838387, 0.393939393939394, 0.4040404040404041, 0.4141414141414142, 0.42424242424242425, 0.43434343434343436, 0.4444444444444445, 0.4545454545454546, 0.4646464646464647, 0.4747474747474748, 0.48484848484848486, 0.494949494949495, 0.5050505050505051, 0.5151515151515152, 0.5252525252525253, 0.5353535353535354, 0.5454545454545455, 0.5555555555555556, 0.5656565656565657, 0.5757575757575758, 0.5858585858585859, 0.595959595959596, 0.6060606060606061, 0.6161616161616162, 0.6262626262626263, 0.6363636363636365, 0.6464646464646465, 0.6565656565656566, 0.6666666666666667, 0.6767676767676768, 0.686868686868687, 0.696969696969697, 0.7070707070707072, 0.7171717171717172, 0.7272727272727273, 0.7373737373737375, 0.7474747474747475, 0.7575757575757577, 0.7676767676767677, 0.7777777777777778, 0.787878787878788, 0.797979797979798, 0.8080808080808082, 0.8181818181818182, 0.8282828282828284, 0.8383838383838385, 0.8484848484848485, 0.8585858585858587, 0.8686868686868687, 0.8787878787878789, 0.888888888888889, 0.8989898989898991, 0.9090909090909092, 0.9191919191919192, 0.9292929292929294, 0.9393939393939394, 0.9494949494949496, 0.9595959595959597, 0.9696969696969697, 0.9797979797979799, 0.98989898989899, 1.0], \"y\": [1.322146757352615, 1.1082787395000466, -0.2926822363361118, 0.9637531479028424, 0.9635164471460724, 0.23888023617610235, 1.9345114955262002, 0.49215092751506856, -1.2865268729121144, -0.9605984182803284, 0.982802537861495, -0.36969868517220367, 1.5238505215085574, -0.43976045843056816, -0.2515144738979641, 0.2889594728143884, -0.49629633608613377, -0.7885422347611365, -0.02067098483091724, -0.021780922495368404, 0.9352985188126567, -0.5805574347114995, -0.8002921839109942, -0.25972152749674043, -0.6156541060731449, -1.3626173190957191, -0.8109031764698974, -1.0848923359928246, -2.0712005098668858, 0.46407069154168545, -0.48639942194306535, 1.2640584425352581, 1.5778307205515838, -0.4559070616084795, -0.7175607263445342, -1.0928899258591098, 1.4183947308909812, 1.1557991978217828, 0.6026243780998495, -0.8112896228532963, 0.699418161709838, -1.950856667082848, -0.053100698800639536, -0.06584480277599751, -1.8821249077738678, 2.521234447654634, -0.025614200113734897, 0.3770006692962112, -0.10665466256734638, -0.21458695459451477, -0.8746037254071849, -0.018611526877487693, -0.4740772322580835, 0.8561779322858234, 1.0151450073610953, -0.9189070555129839, 0.2974531960284023, 0.8886065325695077, -0.09205355063719303, -0.4337959019296337, 1.5379917138762522, -0.3520393484531831, -1.0114791749095497, 1.6970520372450042, 0.5647885638995658, 0.9545110635810994, 1.1602601159455876, 0.046657283513978284, -2.5714516081042995, -0.7209043047357194, -0.4653319470061591, -0.7307582406258135, -0.22394110430429778, -0.6794389820163503, -0.024568171195637836, 0.7038565770767349, -0.41131049695927235, -0.3411802939992703, 0.7563435726363555, -0.27373041066605475, -0.856469870030575, -0.4094311966395026, -1.107868403467707, -1.4108037487610667, -0.5013888547402248, -1.4676816498689313, 0.4983179052346161, -0.6360020092499782, 1.3009446219096756, -0.4447418134382681, 0.7918462463917473, 1.1333051356249522, -0.05654471289640738, -0.38542860710034876, 0.9567595928443591, 2.5127852194953904, -0.8105019855454031, -0.5974642582700144, -2.384126231860389, 0.5384276823506278]}, {\"mode\": \"lines+markers\", \"name\": \"mylines & markers\", \"type\": \"scatter\", \"x\": [0.0, 0.010101010101010102, 0.020202020202020204, 0.030303030303030304, 0.04040404040404041, 0.05050505050505051, 0.06060606060606061, 0.07070707070707072, 0.08080808080808081, 0.09090909090909091, 0.10101010101010102, 0.11111111111111112, 0.12121212121212122, 0.13131313131313133, 0.14141414141414144, 0.15151515151515152, 0.16161616161616163, 0.17171717171717174, 0.18181818181818182, 0.19191919191919193, 0.20202020202020204, 0.21212121212121213, 0.22222222222222224, 0.23232323232323235, 0.24242424242424243, 0.25252525252525254, 0.26262626262626265, 0.27272727272727276, 0.2828282828282829, 0.29292929292929293, 0.30303030303030304, 0.31313131313131315, 0.32323232323232326, 0.33333333333333337, 0.3434343434343435, 0.3535353535353536, 0.36363636363636365, 0.37373737373737376, 0.38383838383838387, 0.393939393939394, 0.4040404040404041, 0.4141414141414142, 0.42424242424242425, 0.43434343434343436, 0.4444444444444445, 0.4545454545454546, 0.4646464646464647, 0.4747474747474748, 0.48484848484848486, 0.494949494949495, 0.5050505050505051, 0.5151515151515152, 0.5252525252525253, 0.5353535353535354, 0.5454545454545455, 0.5555555555555556, 0.5656565656565657, 0.5757575757575758, 0.5858585858585859, 0.595959595959596, 0.6060606060606061, 0.6161616161616162, 0.6262626262626263, 0.6363636363636365, 0.6464646464646465, 0.6565656565656566, 0.6666666666666667, 0.6767676767676768, 0.686868686868687, 0.696969696969697, 0.7070707070707072, 0.7171717171717172, 0.7272727272727273, 0.7373737373737375, 0.7474747474747475, 0.7575757575757577, 0.7676767676767677, 0.7777777777777778, 0.787878787878788, 0.797979797979798, 0.8080808080808082, 0.8181818181818182, 0.8282828282828284, 0.8383838383838385, 0.8484848484848485, 0.8585858585858587, 0.8686868686868687, 0.8787878787878789, 0.888888888888889, 0.8989898989898991, 0.9090909090909092, 0.9191919191919192, 0.9292929292929294, 0.9393939393939394, 0.9494949494949496, 0.9595959595959597, 0.9696969696969697, 0.9797979797979799, 0.98989898989899, 1.0], \"y\": [-3.6778532426473847, -3.8917212604999536, -5.292682236336112, -4.0362468520971575, -4.036483552853928, -4.761119763823897, -3.0654885044738, -4.507849072484931, -6.286526872912114, -5.960598418280329, -4.017197462138505, -5.369698685172204, -3.4761494784914424, -5.439760458430568, -5.251514473897964, -4.711040527185611, -5.496296336086134, -5.788542234761136, -5.020670984830917, -5.021780922495369, -4.064701481187344, -5.5805574347114995, -5.800292183910994, -5.25972152749674, -5.615654106073145, -6.362617319095719, -5.810903176469897, -6.084892335992825, -7.071200509866886, -4.535929308458314, -5.486399421943065, -3.735941557464742, -3.422169279448416, -5.45590706160848, -5.7175607263445345, -6.09288992585911, -3.5816052691090188, -3.844200802178217, -4.39737562190015, -5.811289622853296, -4.300581838290162, -6.9508566670828476, -5.053100698800639, -5.065844802775998, -6.882124907773868, -2.478765552345366, -5.0256142001137345, -4.622999330703789, -5.106654662567347, -5.214586954594515, -5.874603725407185, -5.018611526877487, -5.474077232258083, -4.143822067714177, -3.9848549926389047, -5.9189070555129835, -4.702546803971598, -4.111393467430492, -5.092053550637193, -5.433795901929634, -3.462008286123748, -5.352039348453183, -6.0114791749095495, -3.302947962754996, -4.435211436100435, -4.0454889364189, -3.8397398840544126, -4.953342716486022, -7.571451608104299, -5.720904304735719, -5.465331947006159, -5.730758240625813, -5.223941104304298, -5.67943898201635, -5.024568171195638, -4.296143422923265, -5.411310496959272, -5.341180293999271, -4.243656427363645, -5.2737304106660545, -5.856469870030575, -5.409431196639503, -6.107868403467707, -6.410803748761067, -5.501388854740225, -6.467681649868931, -4.501682094765384, -5.636002009249978, -3.6990553780903244, -5.444741813438268, -4.2081537536082525, -3.866694864375048, -5.056544712896407, -5.385428607100349, -4.043240407155641, -2.4872147805046096, -5.810501985545403, -5.597464258270015, -7.384126231860389, -4.461572317649372]}],\n",
              "                        {\"template\": {\"data\": {\"bar\": [{\"error_x\": {\"color\": \"#2a3f5f\"}, \"error_y\": {\"color\": \"#2a3f5f\"}, \"marker\": {\"line\": {\"color\": \"#E5ECF6\", \"width\": 0.5}}, \"type\": \"bar\"}], \"barpolar\": [{\"marker\": {\"line\": {\"color\": \"#E5ECF6\", \"width\": 0.5}}, \"type\": \"barpolar\"}], \"carpet\": [{\"aaxis\": {\"endlinecolor\": \"#2a3f5f\", \"gridcolor\": \"white\", \"linecolor\": \"white\", \"minorgridcolor\": \"white\", \"startlinecolor\": \"#2a3f5f\"}, \"baxis\": {\"endlinecolor\": \"#2a3f5f\", \"gridcolor\": \"white\", \"linecolor\": \"white\", \"minorgridcolor\": \"white\", \"startlinecolor\": \"#2a3f5f\"}, \"type\": \"carpet\"}], \"choropleth\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"choropleth\"}], \"contour\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"contour\"}], \"contourcarpet\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"contourcarpet\"}], \"heatmap\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"heatmap\"}], \"heatmapgl\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"heatmapgl\"}], \"histogram\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"histogram\"}], \"histogram2d\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"histogram2d\"}], \"histogram2dcontour\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"histogram2dcontour\"}], \"mesh3d\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"mesh3d\"}], \"parcoords\": [{\"line\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"parcoords\"}], \"pie\": [{\"automargin\": true, \"type\": \"pie\"}], \"scatter\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatter\"}], \"scatter3d\": [{\"line\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatter3d\"}], \"scattercarpet\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattercarpet\"}], \"scattergeo\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattergeo\"}], \"scattergl\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattergl\"}], \"scattermapbox\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattermapbox\"}], \"scatterpolar\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterpolar\"}], \"scatterpolargl\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterpolargl\"}], \"scatterternary\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterternary\"}], \"surface\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"surface\"}], \"table\": [{\"cells\": {\"fill\": {\"color\": \"#EBF0F8\"}, \"line\": {\"color\": \"white\"}}, \"header\": {\"fill\": {\"color\": \"#C8D4E3\"}, \"line\": {\"color\": \"white\"}}, \"type\": \"table\"}]}, \"layout\": {\"annotationdefaults\": {\"arrowcolor\": \"#2a3f5f\", \"arrowhead\": 0, \"arrowwidth\": 1}, \"coloraxis\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"colorscale\": {\"diverging\": [[0, \"#8e0152\"], [0.1, \"#c51b7d\"], [0.2, \"#de77ae\"], [0.3, \"#f1b6da\"], [0.4, \"#fde0ef\"], [0.5, \"#f7f7f7\"], [0.6, \"#e6f5d0\"], [0.7, \"#b8e186\"], [0.8, \"#7fbc41\"], [0.9, \"#4d9221\"], [1, \"#276419\"]], \"sequential\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"sequentialminus\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]]}, \"colorway\": [\"#636efa\", \"#EF553B\", \"#00cc96\", \"#ab63fa\", \"#FFA15A\", \"#19d3f3\", \"#FF6692\", \"#B6E880\", \"#FF97FF\", \"#FECB52\"], \"font\": {\"color\": \"#2a3f5f\"}, \"geo\": {\"bgcolor\": \"white\", \"lakecolor\": \"white\", \"landcolor\": \"#E5ECF6\", \"showlakes\": true, \"showland\": true, \"subunitcolor\": \"white\"}, \"hoverlabel\": {\"align\": \"left\"}, \"hovermode\": \"closest\", \"mapbox\": {\"style\": \"light\"}, \"paper_bgcolor\": \"white\", \"plot_bgcolor\": \"#E5ECF6\", \"polar\": {\"angularaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"bgcolor\": \"#E5ECF6\", \"radialaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}}, \"scene\": {\"xaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}, \"yaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}, \"zaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}}, \"shapedefaults\": {\"line\": {\"color\": \"#2a3f5f\"}}, \"ternary\": {\"aaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"baxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"bgcolor\": \"#E5ECF6\", \"caxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}}, \"title\": {\"x\": 0.05}, \"xaxis\": {\"automargin\": true, \"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\", \"title\": {\"standoff\": 15}, \"zerolinecolor\": \"white\", \"zerolinewidth\": 2}, \"yaxis\": {\"automargin\": true, \"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\", \"title\": {\"standoff\": 15}, \"zerolinecolor\": \"white\", \"zerolinewidth\": 2}}}, \"title\": {\"text\": \"Line Plot\"}},\n",
              "                        {\"responsive\": true}\n",
              "                    ).then(function(){\n",
              "                            \n",
              "var gd = document.getElementById('2c99d8c7-8e74-4345-9b33-b484b8e64f7a');\n",
              "var x = new MutationObserver(function (mutations, observer) {{\n",
              "        var display = window.getComputedStyle(gd).display;\n",
              "        if (!display || display === 'none') {{\n",
              "            console.log([gd, 'removed!']);\n",
              "            Plotly.purge(gd);\n",
              "            observer.disconnect();\n",
              "        }}\n",
              "}});\n",
              "\n",
              "// Listen for the removal of the full notebook cells\n",
              "var notebookContainer = gd.closest('#notebook-container');\n",
              "if (notebookContainer) {{\n",
              "    x.observe(notebookContainer, {childList: true});\n",
              "}}\n",
              "\n",
              "// Listen for the clearing of the current output cell\n",
              "var outputEl = gd.closest('.output');\n",
              "if (outputEl) {{\n",
              "    x.observe(outputEl, {childList: true});\n",
              "}}\n",
              "\n",
              "                        })\n",
              "                };\n",
              "                \n",
              "            </script>\n",
              "        </div>\n",
              "</body>\n",
              "</html>"
            ]
          },
          "metadata": {
            "tags": []
          }
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "wrF8lzyQRw73",
        "colab_type": "code",
        "colab": {}
      },
      "source": [
        ""
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "SIKPHpHqSOOf",
        "colab_type": "text"
      },
      "source": [
        "#PART 2"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "j0aUlPwVSP_6",
        "colab_type": "code",
        "colab": {}
      },
      "source": [
        "import pandas as pd"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "F_JcfqaHS4Ne",
        "colab_type": "code",
        "colab": {}
      },
      "source": [
        "url = 'https://github.com/Divyanshu-ISM/Plotly-Dashboards-with-Dash/blob/master/SourceData/nst-est2017-alldata.csv?raw=true'\n",
        "\n",
        "df = pd.read_csv(url)\n",
        "\n",
        "\n",
        "#To directly import a csv from github, just add ?raw = true at the end of the url and copy the link\n"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "Vlw53PavS9m_",
        "colab_type": "code",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 338
        },
        "outputId": "b13618dc-ad1d-4e3e-e27c-9dcfc5dbcc21"
      },
      "source": [
        "df.head()"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/html": [
              "<div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>SUMLEV</th>\n",
              "      <th>REGION</th>\n",
              "      <th>DIVISION</th>\n",
              "      <th>STATE</th>\n",
              "      <th>NAME</th>\n",
              "      <th>CENSUS2010POP</th>\n",
              "      <th>ESTIMATESBASE2010</th>\n",
              "      <th>POPESTIMATE2010</th>\n",
              "      <th>POPESTIMATE2011</th>\n",
              "      <th>POPESTIMATE2012</th>\n",
              "      <th>POPESTIMATE2013</th>\n",
              "      <th>POPESTIMATE2014</th>\n",
              "      <th>POPESTIMATE2015</th>\n",
              "      <th>POPESTIMATE2016</th>\n",
              "      <th>POPESTIMATE2017</th>\n",
              "      <th>NPOPCHG_2010</th>\n",
              "      <th>NPOPCHG_2011</th>\n",
              "      <th>NPOPCHG_2012</th>\n",
              "      <th>NPOPCHG_2013</th>\n",
              "      <th>NPOPCHG_2014</th>\n",
              "      <th>NPOPCHG_2015</th>\n",
              "      <th>NPOPCHG_2016</th>\n",
              "      <th>NPOPCHG_2017</th>\n",
              "      <th>BIRTHS2010</th>\n",
              "      <th>BIRTHS2011</th>\n",
              "      <th>BIRTHS2012</th>\n",
              "      <th>BIRTHS2013</th>\n",
              "      <th>BIRTHS2014</th>\n",
              "      <th>BIRTHS2015</th>\n",
              "      <th>BIRTHS2016</th>\n",
              "      <th>BIRTHS2017</th>\n",
              "      <th>DEATHS2010</th>\n",
              "      <th>DEATHS2011</th>\n",
              "      <th>DEATHS2012</th>\n",
              "      <th>DEATHS2013</th>\n",
              "      <th>DEATHS2014</th>\n",
              "      <th>DEATHS2015</th>\n",
              "      <th>DEATHS2016</th>\n",
              "      <th>DEATHS2017</th>\n",
              "      <th>NATURALINC2010</th>\n",
              "      <th>...</th>\n",
              "      <th>RBIRTH2013</th>\n",
              "      <th>RBIRTH2014</th>\n",
              "      <th>RBIRTH2015</th>\n",
              "      <th>RBIRTH2016</th>\n",
              "      <th>RBIRTH2017</th>\n",
              "      <th>RDEATH2011</th>\n",
              "      <th>RDEATH2012</th>\n",
              "      <th>RDEATH2013</th>\n",
              "      <th>RDEATH2014</th>\n",
              "      <th>RDEATH2015</th>\n",
              "      <th>RDEATH2016</th>\n",
              "      <th>RDEATH2017</th>\n",
              "      <th>RNATURALINC2011</th>\n",
              "      <th>RNATURALINC2012</th>\n",
              "      <th>RNATURALINC2013</th>\n",
              "      <th>RNATURALINC2014</th>\n",
              "      <th>RNATURALINC2015</th>\n",
              "      <th>RNATURALINC2016</th>\n",
              "      <th>RNATURALINC2017</th>\n",
              "      <th>RINTERNATIONALMIG2011</th>\n",
              "      <th>RINTERNATIONALMIG2012</th>\n",
              "      <th>RINTERNATIONALMIG2013</th>\n",
              "      <th>RINTERNATIONALMIG2014</th>\n",
              "      <th>RINTERNATIONALMIG2015</th>\n",
              "      <th>RINTERNATIONALMIG2016</th>\n",
              "      <th>RINTERNATIONALMIG2017</th>\n",
              "      <th>RDOMESTICMIG2011</th>\n",
              "      <th>RDOMESTICMIG2012</th>\n",
              "      <th>RDOMESTICMIG2013</th>\n",
              "      <th>RDOMESTICMIG2014</th>\n",
              "      <th>RDOMESTICMIG2015</th>\n",
              "      <th>RDOMESTICMIG2016</th>\n",
              "      <th>RDOMESTICMIG2017</th>\n",
              "      <th>RNETMIG2011</th>\n",
              "      <th>RNETMIG2012</th>\n",
              "      <th>RNETMIG2013</th>\n",
              "      <th>RNETMIG2014</th>\n",
              "      <th>RNETMIG2015</th>\n",
              "      <th>RNETMIG2016</th>\n",
              "      <th>RNETMIG2017</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>10.0</td>\n",
              "      <td>0</td>\n",
              "      <td>0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>United States</td>\n",
              "      <td>308745538.0</td>\n",
              "      <td>308758105.0</td>\n",
              "      <td>309338421.0</td>\n",
              "      <td>311644280.0</td>\n",
              "      <td>313993272.0</td>\n",
              "      <td>316234505.0</td>\n",
              "      <td>318622525.0</td>\n",
              "      <td>321039839.0</td>\n",
              "      <td>323405935.0</td>\n",
              "      <td>325719178.0</td>\n",
              "      <td>580316.0</td>\n",
              "      <td>2305859.0</td>\n",
              "      <td>2348992.0</td>\n",
              "      <td>2241233.0</td>\n",
              "      <td>2388020.0</td>\n",
              "      <td>2417314.0</td>\n",
              "      <td>2366096.0</td>\n",
              "      <td>2313243.0</td>\n",
              "      <td>987836.0</td>\n",
              "      <td>3973485.0</td>\n",
              "      <td>3936976.0</td>\n",
              "      <td>3940576.0</td>\n",
              "      <td>3963195.0</td>\n",
              "      <td>3992376.0</td>\n",
              "      <td>3962714.0</td>\n",
              "      <td>3946000.0</td>\n",
              "      <td>598691.0</td>\n",
              "      <td>2512442.0</td>\n",
              "      <td>2501531.0</td>\n",
              "      <td>2608019.0</td>\n",
              "      <td>2582448.0</td>\n",
              "      <td>2699826.0</td>\n",
              "      <td>2728714.0</td>\n",
              "      <td>2744040.0</td>\n",
              "      <td>389145.0</td>\n",
              "      <td>...</td>\n",
              "      <td>12.505244</td>\n",
              "      <td>12.485315</td>\n",
              "      <td>12.482760</td>\n",
              "      <td>12.298053</td>\n",
              "      <td>12.157903</td>\n",
              "      <td>8.091826</td>\n",
              "      <td>7.996742</td>\n",
              "      <td>8.276433</td>\n",
              "      <td>8.135526</td>\n",
              "      <td>8.441410</td>\n",
              "      <td>8.468405</td>\n",
              "      <td>8.454580</td>\n",
              "      <td>4.705584</td>\n",
              "      <td>4.588743</td>\n",
              "      <td>4.228811</td>\n",
              "      <td>4.349789</td>\n",
              "      <td>4.041351</td>\n",
              "      <td>3.829647</td>\n",
              "      <td>3.703323</td>\n",
              "      <td>2.720900</td>\n",
              "      <td>2.920371</td>\n",
              "      <td>2.883643</td>\n",
              "      <td>3.173228</td>\n",
              "      <td>3.516743</td>\n",
              "      <td>3.513394</td>\n",
              "      <td>3.423941</td>\n",
              "      <td>0.000000</td>\n",
              "      <td>0.000000</td>\n",
              "      <td>0.000000</td>\n",
              "      <td>0.000000</td>\n",
              "      <td>0.000000</td>\n",
              "      <td>0.000000</td>\n",
              "      <td>0.000000</td>\n",
              "      <td>2.720900</td>\n",
              "      <td>2.920371</td>\n",
              "      <td>2.883643</td>\n",
              "      <td>3.173228</td>\n",
              "      <td>3.516743</td>\n",
              "      <td>3.513394</td>\n",
              "      <td>3.423941</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>20.0</td>\n",
              "      <td>1</td>\n",
              "      <td>0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>Northeast Region</td>\n",
              "      <td>55317240.0</td>\n",
              "      <td>55318350.0</td>\n",
              "      <td>55388349.0</td>\n",
              "      <td>55642659.0</td>\n",
              "      <td>55860261.0</td>\n",
              "      <td>56047732.0</td>\n",
              "      <td>56203078.0</td>\n",
              "      <td>56296628.0</td>\n",
              "      <td>56359360.0</td>\n",
              "      <td>56470581.0</td>\n",
              "      <td>69999.0</td>\n",
              "      <td>254310.0</td>\n",
              "      <td>217602.0</td>\n",
              "      <td>187471.0</td>\n",
              "      <td>155346.0</td>\n",
              "      <td>93550.0</td>\n",
              "      <td>62732.0</td>\n",
              "      <td>111221.0</td>\n",
              "      <td>163452.0</td>\n",
              "      <td>646252.0</td>\n",
              "      <td>637891.0</td>\n",
              "      <td>635767.0</td>\n",
              "      <td>632435.0</td>\n",
              "      <td>634515.0</td>\n",
              "      <td>625336.0</td>\n",
              "      <td>621245.0</td>\n",
              "      <td>110732.0</td>\n",
              "      <td>470885.0</td>\n",
              "      <td>460988.0</td>\n",
              "      <td>479828.0</td>\n",
              "      <td>470012.0</td>\n",
              "      <td>488936.0</td>\n",
              "      <td>488935.0</td>\n",
              "      <td>493164.0</td>\n",
              "      <td>52720.0</td>\n",
              "      <td>...</td>\n",
              "      <td>11.362316</td>\n",
              "      <td>11.268248</td>\n",
              "      <td>11.280296</td>\n",
              "      <td>11.101691</td>\n",
              "      <td>11.012059</td>\n",
              "      <td>8.482045</td>\n",
              "      <td>8.268627</td>\n",
              "      <td>8.575402</td>\n",
              "      <td>8.374318</td>\n",
              "      <td>8.692218</td>\n",
              "      <td>8.680142</td>\n",
              "      <td>8.741722</td>\n",
              "      <td>3.158883</td>\n",
              "      <td>3.173065</td>\n",
              "      <td>2.786914</td>\n",
              "      <td>2.893930</td>\n",
              "      <td>2.588078</td>\n",
              "      <td>2.421549</td>\n",
              "      <td>2.270337</td>\n",
              "      <td>4.370437</td>\n",
              "      <td>4.444727</td>\n",
              "      <td>4.508096</td>\n",
              "      <td>4.808233</td>\n",
              "      <td>5.199160</td>\n",
              "      <td>5.311586</td>\n",
              "      <td>5.270640</td>\n",
              "      <td>-2.902486</td>\n",
              "      <td>-3.665590</td>\n",
              "      <td>-3.902223</td>\n",
              "      <td>-4.891065</td>\n",
              "      <td>-6.103092</td>\n",
              "      <td>-6.619089</td>\n",
              "      <td>-5.559570</td>\n",
              "      <td>1.467950</td>\n",
              "      <td>0.779137</td>\n",
              "      <td>0.605873</td>\n",
              "      <td>-0.082832</td>\n",
              "      <td>-0.903931</td>\n",
              "      <td>-1.307503</td>\n",
              "      <td>-0.288930</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>20.0</td>\n",
              "      <td>2</td>\n",
              "      <td>0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>Midwest Region</td>\n",
              "      <td>66927001.0</td>\n",
              "      <td>66929794.0</td>\n",
              "      <td>66973360.0</td>\n",
              "      <td>67141501.0</td>\n",
              "      <td>67318295.0</td>\n",
              "      <td>67534451.0</td>\n",
              "      <td>67720120.0</td>\n",
              "      <td>67839187.0</td>\n",
              "      <td>67978168.0</td>\n",
              "      <td>68179351.0</td>\n",
              "      <td>43566.0</td>\n",
              "      <td>168141.0</td>\n",
              "      <td>176794.0</td>\n",
              "      <td>216156.0</td>\n",
              "      <td>185669.0</td>\n",
              "      <td>119067.0</td>\n",
              "      <td>138981.0</td>\n",
              "      <td>201183.0</td>\n",
              "      <td>212614.0</td>\n",
              "      <td>834915.0</td>\n",
              "      <td>830701.0</td>\n",
              "      <td>830859.0</td>\n",
              "      <td>836503.0</td>\n",
              "      <td>837962.0</td>\n",
              "      <td>829016.0</td>\n",
              "      <td>822534.0</td>\n",
              "      <td>140814.0</td>\n",
              "      <td>586823.0</td>\n",
              "      <td>584818.0</td>\n",
              "      <td>605237.0</td>\n",
              "      <td>597104.0</td>\n",
              "      <td>626496.0</td>\n",
              "      <td>610756.0</td>\n",
              "      <td>607187.0</td>\n",
              "      <td>71800.0</td>\n",
              "      <td>...</td>\n",
              "      <td>12.322463</td>\n",
              "      <td>12.369312</td>\n",
              "      <td>12.363032</td>\n",
              "      <td>12.207807</td>\n",
              "      <td>12.082094</td>\n",
              "      <td>8.751051</td>\n",
              "      <td>8.698779</td>\n",
              "      <td>8.976265</td>\n",
              "      <td>8.829336</td>\n",
              "      <td>9.243128</td>\n",
              "      <td>8.993784</td>\n",
              "      <td>8.918890</td>\n",
              "      <td>3.699694</td>\n",
              "      <td>3.657346</td>\n",
              "      <td>3.346198</td>\n",
              "      <td>3.539976</td>\n",
              "      <td>3.119904</td>\n",
              "      <td>3.214022</td>\n",
              "      <td>3.163204</td>\n",
              "      <td>1.562929</td>\n",
              "      <td>1.710206</td>\n",
              "      <td>1.706780</td>\n",
              "      <td>1.940799</td>\n",
              "      <td>2.134579</td>\n",
              "      <td>2.146559</td>\n",
              "      <td>2.113317</td>\n",
              "      <td>-2.750448</td>\n",
              "      <td>-2.720903</td>\n",
              "      <td>-1.827134</td>\n",
              "      <td>-2.693277</td>\n",
              "      <td>-3.458531</td>\n",
              "      <td>-3.307295</td>\n",
              "      <td>-2.304640</td>\n",
              "      <td>-1.187519</td>\n",
              "      <td>-1.010696</td>\n",
              "      <td>-0.120354</td>\n",
              "      <td>-0.752477</td>\n",
              "      <td>-1.323952</td>\n",
              "      <td>-1.160735</td>\n",
              "      <td>-0.191323</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>20.0</td>\n",
              "      <td>3</td>\n",
              "      <td>0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>South Region</td>\n",
              "      <td>114555744.0</td>\n",
              "      <td>114563024.0</td>\n",
              "      <td>114869241.0</td>\n",
              "      <td>116060993.0</td>\n",
              "      <td>117291728.0</td>\n",
              "      <td>118422269.0</td>\n",
              "      <td>119699966.0</td>\n",
              "      <td>121081238.0</td>\n",
              "      <td>122423457.0</td>\n",
              "      <td>123658624.0</td>\n",
              "      <td>306217.0</td>\n",
              "      <td>1191752.0</td>\n",
              "      <td>1230735.0</td>\n",
              "      <td>1130541.0</td>\n",
              "      <td>1277697.0</td>\n",
              "      <td>1381272.0</td>\n",
              "      <td>1342219.0</td>\n",
              "      <td>1235167.0</td>\n",
              "      <td>368759.0</td>\n",
              "      <td>1509600.0</td>\n",
              "      <td>1504946.0</td>\n",
              "      <td>1504791.0</td>\n",
              "      <td>1525280.0</td>\n",
              "      <td>1545726.0</td>\n",
              "      <td>1545780.0</td>\n",
              "      <td>1538511.0</td>\n",
              "      <td>228757.0</td>\n",
              "      <td>962707.0</td>\n",
              "      <td>960547.0</td>\n",
              "      <td>1011167.0</td>\n",
              "      <td>1006140.0</td>\n",
              "      <td>1052366.0</td>\n",
              "      <td>1069876.0</td>\n",
              "      <td>1080064.0</td>\n",
              "      <td>140002.0</td>\n",
              "      <td>...</td>\n",
              "      <td>12.767939</td>\n",
              "      <td>12.810899</td>\n",
              "      <td>12.839258</td>\n",
              "      <td>12.696100</td>\n",
              "      <td>12.504047</td>\n",
              "      <td>8.337644</td>\n",
              "      <td>8.232576</td>\n",
              "      <td>8.579609</td>\n",
              "      <td>8.450618</td>\n",
              "      <td>8.741264</td>\n",
              "      <td>8.787313</td>\n",
              "      <td>8.778079</td>\n",
              "      <td>4.736435</td>\n",
              "      <td>4.665889</td>\n",
              "      <td>4.188330</td>\n",
              "      <td>4.360282</td>\n",
              "      <td>4.097994</td>\n",
              "      <td>3.908787</td>\n",
              "      <td>3.725968</td>\n",
              "      <td>2.634051</td>\n",
              "      <td>2.941847</td>\n",
              "      <td>2.863419</td>\n",
              "      <td>3.175016</td>\n",
              "      <td>3.548126</td>\n",
              "      <td>3.521123</td>\n",
              "      <td>3.403482</td>\n",
              "      <td>2.910238</td>\n",
              "      <td>2.889900</td>\n",
              "      <td>2.498664</td>\n",
              "      <td>3.142294</td>\n",
              "      <td>3.788037</td>\n",
              "      <td>3.592695</td>\n",
              "      <td>2.900528</td>\n",
              "      <td>5.544289</td>\n",
              "      <td>5.831747</td>\n",
              "      <td>5.362083</td>\n",
              "      <td>6.317310</td>\n",
              "      <td>7.336162</td>\n",
              "      <td>7.113818</td>\n",
              "      <td>6.304010</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>20.0</td>\n",
              "      <td>4</td>\n",
              "      <td>0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>West Region</td>\n",
              "      <td>71945553.0</td>\n",
              "      <td>71946937.0</td>\n",
              "      <td>72107471.0</td>\n",
              "      <td>72799127.0</td>\n",
              "      <td>73522988.0</td>\n",
              "      <td>74230053.0</td>\n",
              "      <td>74999361.0</td>\n",
              "      <td>75822786.0</td>\n",
              "      <td>76644950.0</td>\n",
              "      <td>77410622.0</td>\n",
              "      <td>160534.0</td>\n",
              "      <td>691656.0</td>\n",
              "      <td>723861.0</td>\n",
              "      <td>707065.0</td>\n",
              "      <td>769308.0</td>\n",
              "      <td>823425.0</td>\n",
              "      <td>822164.0</td>\n",
              "      <td>765672.0</td>\n",
              "      <td>243011.0</td>\n",
              "      <td>982718.0</td>\n",
              "      <td>963438.0</td>\n",
              "      <td>969159.0</td>\n",
              "      <td>968977.0</td>\n",
              "      <td>974173.0</td>\n",
              "      <td>962582.0</td>\n",
              "      <td>963710.0</td>\n",
              "      <td>118388.0</td>\n",
              "      <td>492027.0</td>\n",
              "      <td>495178.0</td>\n",
              "      <td>511787.0</td>\n",
              "      <td>509192.0</td>\n",
              "      <td>532028.0</td>\n",
              "      <td>559147.0</td>\n",
              "      <td>563625.0</td>\n",
              "      <td>124623.0</td>\n",
              "      <td>...</td>\n",
              "      <td>13.118634</td>\n",
              "      <td>12.986408</td>\n",
              "      <td>12.918169</td>\n",
              "      <td>12.626698</td>\n",
              "      <td>12.511200</td>\n",
              "      <td>6.790954</td>\n",
              "      <td>6.768328</td>\n",
              "      <td>6.927600</td>\n",
              "      <td>6.824285</td>\n",
              "      <td>7.055038</td>\n",
              "      <td>7.334627</td>\n",
              "      <td>7.317165</td>\n",
              "      <td>6.772514</td>\n",
              "      <td>6.400400</td>\n",
              "      <td>6.191033</td>\n",
              "      <td>6.162123</td>\n",
              "      <td>5.863131</td>\n",
              "      <td>5.292070</td>\n",
              "      <td>5.194035</td>\n",
              "      <td>2.667125</td>\n",
              "      <td>2.836564</td>\n",
              "      <td>2.759659</td>\n",
              "      <td>3.057534</td>\n",
              "      <td>3.454002</td>\n",
              "      <td>3.389963</td>\n",
              "      <td>3.262459</td>\n",
              "      <td>0.131671</td>\n",
              "      <td>0.684859</td>\n",
              "      <td>0.636968</td>\n",
              "      <td>1.106042</td>\n",
              "      <td>1.613450</td>\n",
              "      <td>2.099001</td>\n",
              "      <td>1.475519</td>\n",
              "      <td>2.798796</td>\n",
              "      <td>3.521423</td>\n",
              "      <td>3.396627</td>\n",
              "      <td>4.163576</td>\n",
              "      <td>5.067452</td>\n",
              "      <td>5.488965</td>\n",
              "      <td>4.737979</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "<p>5 rows × 121 columns</p>\n",
              "</div>"
            ],
            "text/plain": [
              "   SUMLEV REGION DIVISION  ...  RNETMIG2015 RNETMIG2016  RNETMIG2017\n",
              "0    10.0      0        0  ...     3.516743    3.513394     3.423941\n",
              "1    20.0      1        0  ...    -0.903931   -1.307503    -0.288930\n",
              "2    20.0      2        0  ...    -1.323952   -1.160735    -0.191323\n",
              "3    20.0      3        0  ...     7.336162    7.113818     6.304010\n",
              "4    20.0      4        0  ...     5.067452    5.488965     4.737979\n",
              "\n",
              "[5 rows x 121 columns]"
            ]
          },
          "metadata": {
            "tags": []
          },
          "execution_count": 21
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "xTsCCmSqTCAw",
        "colab_type": "code",
        "colab": {}
      },
      "source": [
        "df2 = df[df['DIVISION'] == '1']\n",
        "\n",
        "df2.set_index('NAME', inplace=True)\n",
        "\n"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "R4QUUElDW7qm",
        "colab_type": "code",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 173
        },
        "outputId": "043bd7b1-afc6-44a0-9ea1-976cbc7bd7c6"
      },
      "source": [
        "df2.head(3)"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/html": [
              "<div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>POPESTIMATE2010</th>\n",
              "      <th>POPESTIMATE2011</th>\n",
              "      <th>POPESTIMATE2012</th>\n",
              "      <th>POPESTIMATE2013</th>\n",
              "      <th>POPESTIMATE2014</th>\n",
              "      <th>POPESTIMATE2015</th>\n",
              "      <th>POPESTIMATE2016</th>\n",
              "      <th>POPESTIMATE2017</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>NAME</th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>Connecticut</th>\n",
              "      <td>3580171.0</td>\n",
              "      <td>3591927.0</td>\n",
              "      <td>3597705.0</td>\n",
              "      <td>3602470.0</td>\n",
              "      <td>3600188.0</td>\n",
              "      <td>3593862.0</td>\n",
              "      <td>3587685.0</td>\n",
              "      <td>3588184.0</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Maine</th>\n",
              "      <td>1327568.0</td>\n",
              "      <td>1327968.0</td>\n",
              "      <td>1328101.0</td>\n",
              "      <td>1327975.0</td>\n",
              "      <td>1328903.0</td>\n",
              "      <td>1327787.0</td>\n",
              "      <td>1330232.0</td>\n",
              "      <td>1335907.0</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Massachusetts</th>\n",
              "      <td>6564943.0</td>\n",
              "      <td>6612178.0</td>\n",
              "      <td>6659627.0</td>\n",
              "      <td>6711138.0</td>\n",
              "      <td>6757925.0</td>\n",
              "      <td>6794002.0</td>\n",
              "      <td>6823721.0</td>\n",
              "      <td>6859819.0</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>"
            ],
            "text/plain": [
              "               POPESTIMATE2010  ...  POPESTIMATE2017\n",
              "NAME                            ...                 \n",
              "Connecticut          3580171.0  ...        3588184.0\n",
              "Maine                1327568.0  ...        1335907.0\n",
              "Massachusetts        6564943.0  ...        6859819.0\n",
              "\n",
              "[3 rows x 8 columns]"
            ]
          },
          "metadata": {
            "tags": []
          },
          "execution_count": 24
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "xBDE4YddWJsX",
        "colab_type": "code",
        "colab": {}
      },
      "source": [
        "list_of_pop_cols = [col for col in df2.columns if col.startswith('POP')]\n",
        "\n",
        "df2 = df2[list_of_pop_cols] #since we only want to deal with population based columns\n",
        "\n",
        "#we want to build a yearwise popestimate plot."
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "IWksLXHSWfuZ",
        "colab_type": "code",
        "colab": {}
      },
      "source": [
        "data = [go.Scatter(x= df2.columns , y= df2.loc[name] , mode='lines',name=name) for name in df2.index ]"
      ],
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "iDtzdTX-YMn2",
        "colab_type": "code",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 542
        },
        "outputId": "e99a4384-6f0f-4347-b7db-818db21b9c54"
      },
      "source": [
        "layo = go.Layout(title='This is a practice plot')\n",
        "\n",
        "fig = go.Figure(data=data, layout = layo)\n",
        "\n",
        "iplot(fig)"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "display_data",
          "data": {
            "text/html": [
              "<html>\n",
              "<head><meta charset=\"utf-8\" /></head>\n",
              "<body>\n",
              "    <div>\n",
              "            <script src=\"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_SVG\"></script><script type=\"text/javascript\">if (window.MathJax) {MathJax.Hub.Config({SVG: {font: \"STIX-Web\"}});}</script>\n",
              "                <script type=\"text/javascript\">window.PlotlyConfig = {MathJaxConfig: 'local'};</script>\n",
              "        <script src=\"https://cdn.plot.ly/plotly-latest.min.js\"></script>    \n",
              "            <div id=\"518a448b-4b17-4336-8034-62d544e73bb4\" class=\"plotly-graph-div\" style=\"height:525px; width:100%;\"></div>\n",
              "            <script type=\"text/javascript\">\n",
              "                \n",
              "                    window.PLOTLYENV=window.PLOTLYENV || {};\n",
              "                    \n",
              "                if (document.getElementById(\"518a448b-4b17-4336-8034-62d544e73bb4\")) {\n",
              "                    Plotly.newPlot(\n",
              "                        '518a448b-4b17-4336-8034-62d544e73bb4',\n",
              "                        [{\"mode\": \"lines\", \"name\": \"Connecticut\", \"type\": \"scatter\", \"x\": [\"POPESTIMATE2010\", \"POPESTIMATE2011\", \"POPESTIMATE2012\", \"POPESTIMATE2013\", \"POPESTIMATE2014\", \"POPESTIMATE2015\", \"POPESTIMATE2016\", \"POPESTIMATE2017\"], \"y\": [3580171.0, 3591927.0, 3597705.0, 3602470.0, 3600188.0, 3593862.0, 3587685.0, 3588184.0]}, {\"mode\": \"lines\", \"name\": \"Maine\", \"type\": \"scatter\", \"x\": [\"POPESTIMATE2010\", \"POPESTIMATE2011\", \"POPESTIMATE2012\", \"POPESTIMATE2013\", \"POPESTIMATE2014\", \"POPESTIMATE2015\", \"POPESTIMATE2016\", \"POPESTIMATE2017\"], \"y\": [1327568.0, 1327968.0, 1328101.0, 1327975.0, 1328903.0, 1327787.0, 1330232.0, 1335907.0]}, {\"mode\": \"lines\", \"name\": \"Massachusetts\", \"type\": \"scatter\", \"x\": [\"POPESTIMATE2010\", \"POPESTIMATE2011\", \"POPESTIMATE2012\", \"POPESTIMATE2013\", \"POPESTIMATE2014\", \"POPESTIMATE2015\", \"POPESTIMATE2016\", \"POPESTIMATE2017\"], \"y\": [6564943.0, 6612178.0, 6659627.0, 6711138.0, 6757925.0, 6794002.0, 6823721.0, 6859819.0]}, {\"mode\": \"lines\", \"name\": \"New Hampshire\", \"type\": \"scatter\", \"x\": [\"POPESTIMATE2010\", \"POPESTIMATE2011\", \"POPESTIMATE2012\", \"POPESTIMATE2013\", \"POPESTIMATE2014\", \"POPESTIMATE2015\", \"POPESTIMATE2016\", \"POPESTIMATE2017\"], \"y\": [1316700.0, 1318345.0, 1320923.0, 1322622.0, 1328684.0, 1330134.0, 1335015.0, 1342795.0]}, {\"mode\": \"lines\", \"name\": \"Rhode Island\", \"type\": \"scatter\", \"x\": [\"POPESTIMATE2010\", \"POPESTIMATE2011\", \"POPESTIMATE2012\", \"POPESTIMATE2013\", \"POPESTIMATE2014\", \"POPESTIMATE2015\", \"POPESTIMATE2016\", \"POPESTIMATE2017\"], \"y\": [1053169.0, 1052154.0, 1052761.0, 1052784.0, 1054782.0, 1055916.0, 1057566.0, 1059639.0]}, {\"mode\": \"lines\", \"name\": \"Vermont\", \"type\": \"scatter\", \"x\": [\"POPESTIMATE2010\", \"POPESTIMATE2011\", \"POPESTIMATE2012\", \"POPESTIMATE2013\", \"POPESTIMATE2014\", \"POPESTIMATE2015\", \"POPESTIMATE2016\", \"POPESTIMATE2017\"], \"y\": [625842.0, 626210.0, 625606.0, 626044.0, 625665.0, 624455.0, 623354.0, 623657.0]}],\n",
              "                        {\"template\": {\"data\": {\"bar\": [{\"error_x\": {\"color\": \"#2a3f5f\"}, \"error_y\": {\"color\": \"#2a3f5f\"}, \"marker\": {\"line\": {\"color\": \"#E5ECF6\", \"width\": 0.5}}, \"type\": \"bar\"}], \"barpolar\": [{\"marker\": {\"line\": {\"color\": \"#E5ECF6\", \"width\": 0.5}}, \"type\": \"barpolar\"}], \"carpet\": [{\"aaxis\": {\"endlinecolor\": \"#2a3f5f\", \"gridcolor\": \"white\", \"linecolor\": \"white\", \"minorgridcolor\": \"white\", \"startlinecolor\": \"#2a3f5f\"}, \"baxis\": {\"endlinecolor\": \"#2a3f5f\", \"gridcolor\": \"white\", \"linecolor\": \"white\", \"minorgridcolor\": \"white\", \"startlinecolor\": \"#2a3f5f\"}, \"type\": \"carpet\"}], \"choropleth\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"choropleth\"}], \"contour\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"contour\"}], \"contourcarpet\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"contourcarpet\"}], \"heatmap\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"heatmap\"}], \"heatmapgl\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"heatmapgl\"}], \"histogram\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"histogram\"}], \"histogram2d\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"histogram2d\"}], \"histogram2dcontour\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"histogram2dcontour\"}], \"mesh3d\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"type\": \"mesh3d\"}], \"parcoords\": [{\"line\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"parcoords\"}], \"pie\": [{\"automargin\": true, \"type\": \"pie\"}], \"scatter\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatter\"}], \"scatter3d\": [{\"line\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatter3d\"}], \"scattercarpet\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattercarpet\"}], \"scattergeo\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattergeo\"}], \"scattergl\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattergl\"}], \"scattermapbox\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scattermapbox\"}], \"scatterpolar\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterpolar\"}], \"scatterpolargl\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterpolargl\"}], \"scatterternary\": [{\"marker\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"type\": \"scatterternary\"}], \"surface\": [{\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}, \"colorscale\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"type\": \"surface\"}], \"table\": [{\"cells\": {\"fill\": {\"color\": \"#EBF0F8\"}, \"line\": {\"color\": \"white\"}}, \"header\": {\"fill\": {\"color\": \"#C8D4E3\"}, \"line\": {\"color\": \"white\"}}, \"type\": \"table\"}]}, \"layout\": {\"annotationdefaults\": {\"arrowcolor\": \"#2a3f5f\", \"arrowhead\": 0, \"arrowwidth\": 1}, \"coloraxis\": {\"colorbar\": {\"outlinewidth\": 0, \"ticks\": \"\"}}, \"colorscale\": {\"diverging\": [[0, \"#8e0152\"], [0.1, \"#c51b7d\"], [0.2, \"#de77ae\"], [0.3, \"#f1b6da\"], [0.4, \"#fde0ef\"], [0.5, \"#f7f7f7\"], [0.6, \"#e6f5d0\"], [0.7, \"#b8e186\"], [0.8, \"#7fbc41\"], [0.9, \"#4d9221\"], [1, \"#276419\"]], \"sequential\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]], \"sequentialminus\": [[0.0, \"#0d0887\"], [0.1111111111111111, \"#46039f\"], [0.2222222222222222, \"#7201a8\"], [0.3333333333333333, \"#9c179e\"], [0.4444444444444444, \"#bd3786\"], [0.5555555555555556, \"#d8576b\"], [0.6666666666666666, \"#ed7953\"], [0.7777777777777778, \"#fb9f3a\"], [0.8888888888888888, \"#fdca26\"], [1.0, \"#f0f921\"]]}, \"colorway\": [\"#636efa\", \"#EF553B\", \"#00cc96\", \"#ab63fa\", \"#FFA15A\", \"#19d3f3\", \"#FF6692\", \"#B6E880\", \"#FF97FF\", \"#FECB52\"], \"font\": {\"color\": \"#2a3f5f\"}, \"geo\": {\"bgcolor\": \"white\", \"lakecolor\": \"white\", \"landcolor\": \"#E5ECF6\", \"showlakes\": true, \"showland\": true, \"subunitcolor\": \"white\"}, \"hoverlabel\": {\"align\": \"left\"}, \"hovermode\": \"closest\", \"mapbox\": {\"style\": \"light\"}, \"paper_bgcolor\": \"white\", \"plot_bgcolor\": \"#E5ECF6\", \"polar\": {\"angularaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"bgcolor\": \"#E5ECF6\", \"radialaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}}, \"scene\": {\"xaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}, \"yaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}, \"zaxis\": {\"backgroundcolor\": \"#E5ECF6\", \"gridcolor\": \"white\", \"gridwidth\": 2, \"linecolor\": \"white\", \"showbackground\": true, \"ticks\": \"\", \"zerolinecolor\": \"white\"}}, \"shapedefaults\": {\"line\": {\"color\": \"#2a3f5f\"}}, \"ternary\": {\"aaxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"baxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}, \"bgcolor\": \"#E5ECF6\", \"caxis\": {\"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\"}}, \"title\": {\"x\": 0.05}, \"xaxis\": {\"automargin\": true, \"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\", \"title\": {\"standoff\": 15}, \"zerolinecolor\": \"white\", \"zerolinewidth\": 2}, \"yaxis\": {\"automargin\": true, \"gridcolor\": \"white\", \"linecolor\": \"white\", \"ticks\": \"\", \"title\": {\"standoff\": 15}, \"zerolinecolor\": \"white\", \"zerolinewidth\": 2}}}, \"title\": {\"text\": \"This is a practice plot\"}},\n",
              "                        {\"responsive\": true}\n",
              "                    ).then(function(){\n",
              "                            \n",
              "var gd = document.getElementById('518a448b-4b17-4336-8034-62d544e73bb4');\n",
              "var x = new MutationObserver(function (mutations, observer) {{\n",
              "        var display = window.getComputedStyle(gd).display;\n",
              "        if (!display || display === 'none') {{\n",
              "            console.log([gd, 'removed!']);\n",
              "            Plotly.purge(gd);\n",
              "            observer.disconnect();\n",
              "        }}\n",
              "}});\n",
              "\n",
              "// Listen for the removal of the full notebook cells\n",
              "var notebookContainer = gd.closest('#notebook-container');\n",
              "if (notebookContainer) {{\n",
              "    x.observe(notebookContainer, {childList: true});\n",
              "}}\n",
              "\n",
              "// Listen for the clearing of the current output cell\n",
              "var outputEl = gd.closest('.output');\n",
              "if (outputEl) {{\n",
              "    x.observe(outputEl, {childList: true});\n",
              "}}\n",
              "\n",
              "                        })\n",
              "                };\n",
              "                \n",
              "            </script>\n",
              "        </div>\n",
              "</body>\n",
              "</html>"
            ]
          },
          "metadata": {
            "tags": []
          }
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "Hb5DoNdMYaJj",
        "colab_type": "code",
        "colab": {}
      },
      "source": [
        ""
      ],
      "execution_count": null,
      "outputs": []
    }
  ]
}